<template>
  <div class="ocharts" ref="charts"></div>
</template>

<script>
import * as echarts from 'echarts';
export default {
  name: "BanChard",
  mounted() {
    let lineCharts = echarts.init(this.$refs.charts);
    lineCharts.setOption({
      xAxis:{
        show:false,
        type:'category',
        
      },
      yAxis:{
        show:false
      },
      series:[
        {
          type:'bar',
          data:[10,7,33,12,48,9,29,10,44,33,22,8],
          color:'cyan',
          smooth:true,
          //颜色
        }
      ],
      grid:{
        left:0,
        top:0,
        right:0,
        bottom:0
      },
      tooltip:{
        
      }
    });
  },
  
};
</script>

<style scoped>
.ocharts {
  width: 100%;
  height: 100%;
}
</style>